import Link from 'next/link'
import React from 'react'

const linkList = [
    {
        name: 'List',
        link: '/dashboard'
    },
    {
        name: 'Form',
        link: '/form'
    }
]

export default function Header() {
  return (
    <div className='w-screen fixed top-0 left-0 pt-10 bg-white/50'>
      <div className='container mx-auto flex justify-between items-end-safe'>
        <Link className='text-3xl font-bold hover:text-blue-500' href='/'>Home</Link>
        <div className='flex text-xl gap-x-8'>
            {
                linkList.map(item => (
                    <Link href={item.link} className='hover:text-blue-500'>{item.name}</Link>
                ))
            }
        </div>
      </div>
    </div>
  )
}
